.History-container {
    background-color: #f6f8fa;
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    >view:nth-child(1) {
        background-color: #F6F8FA;
        width: 100%;
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        .History-total {
            margin-top: 20rpx;
            margin-bottom: 34rpx;
            width: 690rpx;
            height: 134rpx;
            display: flex;
            flex-flow: row nowrap;
            justify-content: space-around;
            background-color: #ffffff;
            border-radius: 20rpx;
            line-height: 134rpx;
            box-shadow: 0 0 40rpx 10rpx rgba(222, 222, 222, .5);
            >view {
                font-size: 30rpx;
                color: #424242;
                >text {
                    font-size: 36rpx;
                    color: #44B46E;
                    padding: 0 10rpx;
                    font-weight: bold;
                }
                &:last-child {
                    >text {
                        font-size: 36rpx;
                        color: red;
                        padding: 0 10rpx;
                        font-weight: bold;
                    }
                }
            }
        }
    }
    .History-list {
        // background-color: #ffffff;
        width: 100%;
        display: flex;
        flex-flow: column nowrap;
        historyblock {
            margin-bottom: 20rpx;
            background-color: #ffffff;
        }
    }
}